<template>
  <div class="tableList">
    <!-- <iTable :list="list" :head="headList"></iTable> -->
  </div>
</template>

<script>
import iTable from './iTable.vue'
// import {alarmEvent} from "@/api/api/waterSupplyOverview.js";

export default {
  name: "title",
  data() {
    return {
      headList: [{
        title: '事件来源',
        flex: 1,
        id: 'eventSource'
      }, {
        title: '发生事件',
        flex: 1,
        id: 'occurredEvent'
      }, {
        title: '报警内容',
        flex: 1,
        id: 'alarmContent'
      }, {
        title: '报警值',
        flex: 0.6,
        id: 'alarmValue'
      }],
      list: [],
    }
  },
  components: {iTable},
  mounted() {
    // this.getData();
  },
  methods: {
    async getData() {
      const response = await alarmEvent();
      this.list = response.data;
    },
  },
}
</script>
<style lang="scss" scoped>
.tableList {
  position: relative;
  width: 100%;
  height: calc(100% - 0px);
}
</style>
